<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>酒店 | 酒店详情</title>
		<link rel="stylesheet" type="text/css" href="css/init.css"/>
		<link rel="stylesheet" href="css/common.css">
        <link rel="stylesheet" href="css/detail.css">
        <script src="js/jquery-3.3.1.js"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=mVxY6lAlHKysy5FG7s6DawNEBpi2X7ev"></script>
		<script src="js/moment.js"></script>
		<script src="js/laydate.js"></script>
        <!-- 分页 -->
        <link rel="stylesheet" type="text/css" href="css/pagination.css" media="screen">
        <script src="js/detail_paqination.js"></script>
	</head>
	<body>
		<header>
			<div class="header-title clearfix">
				<div class="lf">
					<a href="homepage.html">
						<img src="img/logo_white.png" alt="" class="logo">
						酒店项目
					</a>
				</div>
				<div class="information gt">
                    <div class="not_login">
                        <a href="register.html" class="turnRegister">
                            登录
                        </a>
                        <a href="login.html" class="turnLogin">
                            注册
                        </a>
                    </div>
                    <div class="user" style="display:none">
                        <a href="" name="a1" style="display:inline-block">
                            <img src="img/4.jpg" class="userHead">
                        </a>
                        <span class="userName"></span>
                        <i class="arrow"></i>						
                        <div class="user-list">
                            <div class="triangle"></div>
                            <ul>
                                <li>
                                    <a id="personal-main" href="userSetting.html"><img src="img/icon_my.png">个人中心</a>
                                </li>
                                <li>
                                    <a href="userSetting.html"><img src="img/icon_setting.png">账户设置</a>
                                </li>
                                <li>
                                    <!-- <a href="login.html#login"> -->
                                    <a class="logout" href="login.html"><img src="img/icon_out.png">退出登录</a>
                                </li>
                            </ul>
                        </div>
                        <a href="payList.html" class="turnMyoder">
                            我的订单
                        </a>
                    </div>
                </div>
			</div>
        </header>
		<div class="hotel_main">
			<div class="hotel_msg">
				<div class="description clearfix">
					<div class="hotel_name lf">
						<p class="hotel_title clearfix">
							<span class="lf">
								西安开元名都大酒店
							</span>
							<span class="gt">
								<img src="img/icon_star.png">
							</span>
						</p>
						<p class="address">
							碑林区友谊东路33号，西藏驻西安办事处家属院内<a href="">-地图</a>
						</p>
					</div>
					<div class="hotel_remark lf">
						<p>
							<span class="score">4.9</span>/5分
						</p>
						<p>
							<span class="comment_num">1156</span>次点评
						</p>
					</div>
					<div class="price lf">
						<p><span class="hotel_price">￥4888</span>起</p>
					</div>
					<div class="wechat gt" id="weChat">
						<img src="img/icon_share.png" class="share">微信
						<div class="mask">
							使用微信扫一扫
							<img src="img/3.jpg">
						</div>
					</div>
				</div>
				<div class="banner clearfix">
					<div class="left_img lf">
						<img src="img/4.jpg" class="bigPic">
					</div>
					<div class="right_img gt">
						<ul>
							
						</ul>
					</div>
				</div>
			</div>
			<div class="hotel_detail">
				<div class="hotel_nav">
					<ul class="clearfix">
						<li><a href="#room_name">房型预订</a></li>
						<li><a href="#hotel_introduce">酒店信息</a></li>
						<li><a href="#map">交通位置</a></li>
						<li><a href="#discuss">用户评价</a></li>
					</ul>
				</div>
				<div class="calendar">
					<div class="ruzhu">
						入住<input type="text" placeholder="请选择入住时间" class="demo-input" id="enter_time">
						<span id="startDay"></span>
					</div>
					<div class="tuifang">
						退房<input type="text" placeholder="请选择退房时间" class="demo-input" id="leave_time">
						<span id="endDay"></span>
					</div>
					<div class="calendar_search">
						<span class="totalTime"> - </span>
						<button type="button" id="search_room">查询</button>
					</div>
				</div>
				<div class="room">
					<div class="room_title">
						<ul class="room_list clearfix">
							<li class="room_name" id="room_name">房型详情</li>
							<li class="bedType">床型</li>
							<li class="room_area">面积</li>
							<li class="wayOfInternet">上网方式</li>
							<li class="breakfast">早餐</li>
							<li class="room_window">窗户</li>
							<li class="cancelOfRules">取消规则</li>
							<li class="room_price">房价</li>
						</ul>
					</div>
					<div class="room_detail">
						<!-- <ul class="room_list clearfix">
							<li class="room_name">豪华大床房</li>
							<li class="bedType">大床1.8米</li>
							<li class="room_area"><span>45</span>M²</li>
							<li class="wayOfInternet">WIFI</li>
							<li class="breakfast">双早</li>
							<li class="room_window">有窗</li>
							<li class="cancelOfRules">免费取消</li>
							<li class="room_price">￥<span>788</span></li>
							<li class="canCheckIn">
								<a class="reserve">
									预订
								</a>
								<a class="without">
									已订完
								</a>
							</li>
						</ul> -->
						<ul class="mustChoose">
							<li>请选择时间段</li>
						</ul>
					</div>
				</div>
				<div class="hotel_introduce" id="hotel_introduce">
					<div class="hotel_introduce_detail">
						<div class="hotel_introduce_title" id="hotel_introduce_title">
							酒店介绍
						</div>
						<div class="hotel_introduce_content">
							<span>2007年开业   2007年装修   393间房</span>
							<span>电话029-87381606 传真029-87381606</span>
							<p>西安开元名都大酒店座落于西安市高新技术产业开发区腹地，毗邻市内最具规模的商业区及高级娱乐购物区。诸多著名的旅游名胜，包括秦始皇兵马俑及西安古城墙都可从酒店轻松到达。 酒店拥有各类设计独特的豪华客房及套房，客房别具气势的落地式长窗，让您饱览城市如画的风光和酒店的园林景致。酒店的四间风格迥异的餐厅和酒吧，让您可享受到来自各地颇富盛名的厨师们亲自为您烹饪的诱人美食。</p>
						</div>
					</div>
					<div class="hotel_facilities">
						<div class="hotel_facilities_title">
							酒店设施
						</div>
						<div class="integrated">
							<ul class="hotel_integrated clearfix">
								<li>
									综合设施
								</li>
								<li>

								</li>
							</ul>							
						</div>
						<div class="hotel_facilities_room">
							<ul class="hotel_room clearfix">
								<li>
									客房设施
								</li>
							</ul>
						</div>
						<div class="service_items">
							<ul class="hotel_service clearfix">
								<li>
									服务项目
								</li>
							</ul>
						</div>
						<div class="activity">
							<ul class="hotel_activity clearfix">
								<li>
									活动设施
								</li>
							</ul>
						</div>
					</div>
					<div class="hotel_policy">
						<div class="hotel_policy_title">
							酒店政策
						</div>
						<div class="entry_time">
							<ul class="clearfix">
								<li>
									入店和离店
								</li>
								<li>
									<span>入店时间：14：00以后</span>
									<span>离店时间：12：00以前</span>
								</li>
							</ul>
						</div>
						<div class="child_policy">
							<ul class="clearfix">
								<li>
									儿童政策
								</li>
							</ul>
						</div>
						<div class="pet_policy">
							<ul class="clearfix">
								<li>
									宠物
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="map" id="map">
					<div class="map_title">
						交通位置
					</div>
					<div class="traffic_map" id="container">

					</div>
				</div>
				<div class="discuss" id="discuss">
					<div class="discuss_title">
						用户评价
					</div>
					<div class="discuss_nav">
						<ul class="clearfix">
							<li data-sort="all">全部</li>
							<li data-sort="praise">好评</li>
							<li data-sort="negative">差评</li>
							<li data-sort="picture">有图</li>
						</ul>
					</div>
					<div class="discuss_user">
						<ul>
							<li>
								<div class="other_user">
									<img src="img/1.jpg" class="other_avatar">
									<span class="other_userName">ersan</span>
								</div>
								<div class="discuss_content clearfix">
									<p class="discuss_score"><img src="img/icon_star.png"> <span class="poshed_time gt">2017-02-01</span></p>
									<p class="evaluate">
											酒店位置没得说，距离北大街地铁站2分钟，整个西安也就北大街是2条线路能换乘的。地处闹市区，距火车站地铁4，5站吧；回民街，钟鼓楼步行10来分钟。交通也很便利，按照以前唐朝的位置应属皇城。早餐还行吧，一分价钱一货，不挑剔还是吃得很满意，毕竟老外也都在里面吃，服务人员态度也很好，每天都会帮忙打扫。200多的房价我感觉享受到了400多的服务。下次来还会住
									</p>
									<div class="discuss_pic">
										<ul class="clearfix">
											<li>
												<img src="img/1.jpg">
											</li>
											<li>
												<img src="img/1.jpg">
											</li>
											<li>
												<img src="img/1.jpg">
											</li>
											<li>
												<img src="img/1.jpg">
											</li>
											<li>
												<img src="img/1.jpg">
											</li>
											<li>
												<img src="img/1.jpg">
											</li>
										</ul>
									</div>
								</div>
							</li>
						</ul>
					</div>
					<div class="box m-style M-box3"></div>
					<script>
						$('.box').pagination();
					</script>
				</div>
			</div>
		</div>		
        <footer>
            Copyright © 2017 apis.sh All Rights Reserved | 陕ICP备15013925号-3
        </footer>       
    </body>	
	<script src="js/common.js"></script>
	<script src="js/detail.js"></script>
</html>
    